{block name="title"}个人中心{/block}
{extend name="public/store_menu"}
{block name="content"}

<div class="mui-card" style="margin: auto;background: -webkit-linear-gradient(left, #ff8b00 , #ff5000);color: white;height: 30%;">
    <ul class="mui-table-view" style="background-color: initial;height: 20%;">
        <li class="mui-table-view-cell">
            <a class="mui-navigate-left" style="text-align: right;content:none;"  href="{:Url('user/set')}">
                <span class="mui-icon mui-icon-gear"></span>
            </a>
        </li>
    </ul>

    <ul class="mui-table-view" style="background-color: initial;height: 40%;">
        <li class="mui-table-view-cell mui-media">
                <img class="mui-media-object mui-pull-left" style="border-radius:40px;line-height: 80%;max-width: 100px;height: 80%;width: 20%;" src="<?= !empty($user['head_img_url']) ? $user['head_img_url'] :'/mui/images/index/shuijiao.jpg'?>">
                <div class="mui-media-body" style="margin-left: 1%;margin-top: 1%">
                    <h3>{$user.user_name}</h3>
                    <p class="mui-ellipsis" style="color: white;margin-top: 4%">{$user.show}</p>
                </div>

        </li>
    </ul>

    <ul class="mui-table-view mui-grid-view mui-grid-8" style="background-color: initial;text-align: center;">
        <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-2" style="width: 25%;"><a href="#">
            820
            <div class="mui-media-body" style="color: white">收藏夹</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-2"  style="width: 25%;"><a href="#">
           245
            <div class="mui-media-body" style="color: white">关注店铺</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-2"  style="width: 25%;"><a href="#">
           680
            <div class="mui-media-body" style="color: white">足迹</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-2"  style="width: 25%;"><a href="#">
            38
            <div class="mui-media-body" style="color: white">红包卡卷</div></a></li>
    </ul>
</div>

<div class="mui-card">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right">
                <span class="mui-badge" style="background-color: white">查看全部订单</span>
                我的订单
            </a>
        </li>
    </ul>

    <ul class="mui-table-view mui-grid-view mui-grid-8" style="background-color: inherit;text-align: center;">
        <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-2"  style="width: 25%;"><a href="#">
            <span class="mui-icon-extra mui-icon-extra-prech"></span>
            <div class="mui-media-body">待付款</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-2" style="width: 25%;"><a href="#">
            <span class="mui-icon mui-icon-paperplane"><span class="mui-badge" style="top: 6px;left: auto;">5</span></span>
            <div class="mui-media-body">待发货</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-2" style="width: 25%;"><a href="#">
            <span class="mui-icon-extra mui-icon-extra-express"></span>
            <div class="mui-media-body">待收货</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-2" style="width: 25%;"><a href="#">
            <span class="mui-icon mui-icon-chatbubble"><span class="mui-badge" style="top: 6px;left: auto;">5</span></span>
            <div class="mui-media-body">评价</div></a></li>
    </ul>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-media">
            <div style="color: #8f8f94">最新物流</div>
            <a href="">
                <img class="mui-media-object mui-pull-left" style="border-radius:7px" src="/mui/images/index/shuijiao.jpg">
                <div class="mui-media-body">
                    派送中
                    <p class="mui-ellipsis">【杭州市】浙江萧山宁围公司派件员：</p>
                </div>
            </a>
        </li>
    </ul>
</div>
<div class="mui-card">
    <ul class="mui-table-view mui-grid-view mui-grid-9" style="background-color: inherit;height:20rem;">
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <span class="mui-icon-extra mui-icon-extra-regist"></span>
            <div class="mui-media-body">我的积分</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <span class="mui-icon-extra mui-icon-extra-card"></span>
            <div class="mui-media-body">优惠券</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <span class="mui-icon-extra mui-icon-extra-heart-filled"></span>
            <div class="mui-media-body">已收藏</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:Url('user/address_list')}">
            <span class="mui-icon-extra mui-icon-extra-topic"></span>
            <div class="mui-media-body">地址管理</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <span class="mui-icon-extra mui-icon-extra-gold"></span>
            <div class="mui-media-body">我的余额</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <span class="mui-icon-extra mui-icon-extra-addpeople"></span>
            <div class="mui-media-body">我的推荐人</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <span class="mui-icon-extra mui-icon-extra-sweep"></span>
            <div class="mui-media-body">推广二维码</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <span class="mui-icon-extra mui-icon-extra-calc"></span>
            <div class="mui-media-body">推广佣金</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <span class="mui-icon-extra mui-icon-extra-class"></span>
            <div class="mui-media-body">更多</div></a></li>
    </ul>
</div>
{/block}